<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-19 21:47:45
 * @LastEditTime: 2024-06-20 17:31:41
-->
<script lang="ts" setup>
import { useBgImage } from "@/hooks/store/index";
const { bgImageOptions, value, selectChange } = useBgImage();
</script>
<template>
  <el-divider content-position="center"
    ><span class="font-size-4">{{
      $t(`title.themeBackground`)
    }}</span></el-divider
  >
  <div class="between-space-justify">
    <div class="image shadow padding-2" style="width: 40%; height: 25px">
      <el-image style="width: 100%; height: 100%" :src="value" fit="cover" />
    </div>
    <el-select-v2
      v-model="value"
      :options="bgImageOptions"
      style="width: 120px"
      @change="selectChange"
    >
    </el-select-v2>
  </div>
</template>
